<template>
	<view class="jian-kong_detail_box" :style="{height: windowHeight + 'px'}">
		<!-- video box -->
		<view class="video_box">
			<web-view style="width: 100%;height: 100%;" @message="message" :src="src"></web-view>		
		</view>
	</view>
</template>

<script>
	import getSystemInfo from '@/mixins/basic.js'
	const NET = require('@/utils/request')
	const API = require('@/config/api')
	
	export default {
		mixins: [getSystemInfo],
		data() {
			return {
				src: '',
				productImgList: [],
				jianKongData: {
					id: '',
					location: '',
					titleMn: '',
					url: ''
				}
			}
		},
		onLoad(options) {
			// 获取设备高度
			this.getSystemHeight()

			// this.src = `http://localhost:8088/#/monitor?id=${options.id}`
			this.src = `https://hxyc.dayaar.com.cn/hxyc-web-view-mn/#/monitor?id=${options.id}&token=${uni.getStorageSync('token')}`
		},
		methods: {
			// 点击监控
			handleClickVideo() {
				
			}
		
		}
	}
</script>

<style lang="less" scoped>
	.jian-kong_detail_box {
		width: 100%;
		padding: 20rpx;
		box-sizing: border-box;
		background: #eee;
		
		// --------- video ---------
		.video_box {
			width: 100%;
			height: 500rpx;
			
			.myVideo {
				width: 100%;
				height: 100%;
				
			}
		}
	
		// --------- 商品信息 --------
		.product_info_box {
			width: 100%;
			height: calc(100% - 520rpx);
			padding: 20rpx 10rpx;
			box-sizing: border-box;
			background: #fff;
			border-radius: 8rpx;
			
			.info_box {
				border-radius: 6rpx;
				position: relative;
				
				.iconfont {
					position: absolute;
					top: 0;
					left: 50%;
					transform: translateX(-50%);
				}
				
				.dan_bao, .yi_miao {
					position: absolute;
					top: 40rpx;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
	}	
</style>